<template>
	<view class="app">
		<view class="app-1">
			<text>牢记初心使命，推进自我革命</text>
			<view class="">
				<text>文稿链接</text>
				<text>https://www.baidu.com</text>
			</view>
		</view>
		<view class="bank"></view>
		<view class="app-2">
			<view class="">
				<text>提交时间：</text>
				<text>2020.12.12</text>
			</view>
			<view class="">
				<text>审核状态：</text>
				<text>已审核</text>
			</view>
			<view class="">
				<text>审核结果：</text>
				<text>通过</text>
			</view>
			<view class="">
				<text>得分：</text>
				<text>+10</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.app-1 {
	padding: 20upx 30upx;
	> text {
		font-size: 36upx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		line-height: 70upx;
	}
	view {
		display: flex;
		align-items: center;
		text {
			font-size: 24upx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			&:nth-child(2) {
				color: #0f4ff7;
				margin-left: 30upx;
			}
		}
	}
}
.bank {
	background: #f6f6f6;
	height: 20upx;
}
.app-2 {
	view{
		display: flex;
		align-items: center;
		padding: 30upx;
		border-bottom: 1px solid rgba($color: #eee, $alpha: 0.5);
		text{
			font-size: 30upx;
			font-family: PingFang SC;
			&:nth-child(1){
				font-weight: 400;
				color: #999999;
				width: 160upx;
				margin-right: 40upx;
			}
			&:nth-child(2){
				font-weight: 500;
				color: #333333;
			}
		}
	}
}
</style>
